body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,section,article,aside,header,footer,nav,dialog,figure,hgroup {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box
}

input,select,textarea {
    font-size: 100%
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,img {
    border: 0
}

caption,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 500
}

ul,ol,li {
    list-style: none
}

em,i {
    font-style: normal
}

del {
    text-decoration: line-through
}

address,caption,cite,code,dfn,em,th,var {
    font-style: normal;
    font-weight: 500
}

img {
    border: 0;
    max-width: 100%
}

input,img {
    vertical-align: middle
}

input:focus,a:focus {
    outline: 0
}
input:hover{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}

a {
    color: #353d44;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:active {
    opacity: .7
}

.hide{
    display: none;
}
.clearfix{
    overflow: hidden;
    zoom: 1;
}
@media screen and (min-width: 320px) {
  html {
    font-size: 42.67px; }
  body {
    font-size: 12px; } }

@media screen and (min-width: 360px) {
  html {
    font-size: 48px; }
  body {
    font-size: 12px; } }

@media screen and (min-width: 375px) {
  html {
    font-size: 50px; }
  body {
    font-size: 12px; } }

@media screen and (min-width: 384px) {
  html {
    font-size: 51.2px; }
  body {
    font-size: 14px; } }

@media screen and (min-width: 400px) {
  html {
    font-size: 53.33px; }
  body {
    font-size: 14px; } }

@media screen and (min-width: 414px) {
  html {
    font-size: 55.2px; }
  body {
    font-size: 14px; } }

@media screen and (min-width: 424px) {
  html {
    font-size: 56.53px; }
  body {
    font-size: 14px; } }

@media screen and (min-width: 480px) {
  html {
    font-size: 64px; }
  body {
    font-size: 15.36px; } }

@media screen and (min-width: 540px) {
  html {
    font-size: 72px; }
  body {
    font-size: 17.28px; } }

@media screen and (min-width: 720px) {
  html {
    font-size: 96px; }
  body {
    font-size: 23.04px; } }

@media screen and (min-width: 750px) {
  html {
    font-size: 100px;
    max-width: 750px;
    margin: 0 auto; }
  body {
    font-size: 24px; } }
body{
  background-color: #f7f7f7;
}

.header {
    height: .88rem;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    text-align: center;
    font-size: .30rem;
    line-height: .88rem;
    border-bottom: 1px solid #e7e7e7;
    .backBtn{
      display: block;
      position: absolute;
      left: 0;
      top:0;
      width: 1rem;
      height: 100%;
      background: url() center center no-repeat;
      background-size: .2rem .32rem;
    }
}
.alert-box{
    font-size: .34rem !important;
    color:#333 !important;
    .alert-btn{
        a{
            height: .84rem !important;
            line-height: .84rem !important;
        }
        .alert-cancel{
            color:#ccc;
        }
    }
}
.alert-mini-box{  
    margin:0 auto !important;
    color:#fff !important;
    div{
        padding:0 !important;
        height:.88rem !important;
        line-height:.88rem !important;
    }
}